body a{
    transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}
input[type="button"]{
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}

h1,h2,h3,h4,h5,h6{
	padding:0 0;
	margin:0 0;
}
p{
	padding:0 0;
	margin:0 0;
}
ul{
	padding:0 0;
	margin:0 0;	
}
.fr{float: right}
.fl{float:left}
li{list-style-type:none;}
.line20{width: 100%; height: 20px;}


.header-top {
	background:rgba(53, 160, 211, 1);
	height: 36px;color: #fff;
}
.icon{
	float:left
}
.icon ul li{line-height:36px;
	display:inline-block;
	
}
.icon ul li a:hover {
	color: #fff;
}

i.phone {
	width: 20px;
	height: 20px;
	background: url("../images/img-sprite.png") no-repeat -20px 0px;
	display: inline-block;
	vertical-align:middle;
}
.social-icons{
		float:right;line-height: 36px;
	}
.social-icons a{ color: #fff;
	}
	.social-icons ul li{
		display:inline-block;
	}
	.social-icons ul li a.facebook{
		background:url(../images/img-sp.png) no-repeat -10px -12px;
		display:block;
		width:30px;
		height:30px;
	}
	.social-icons ul li a.facebook:hover{
		background:url(../images/img-sp.png) no-repeat -62px -12px;
		display:block;
	}
	.social-icons ul li a.p{
		background:url(../images/img-sp.png) no-repeat -10px -52px;
		display:block;
		width:30px;
		height:30px;
	}
	.social-icons ul li a.p:hover{
		background:url(../images/img-sp.png) no-repeat -61px -52px;
		display:block;
	}
	.social-icons ul li a.g{
		background:url(../images/img-sp.png) no-repeat -10px -90px;
		display:block;
		width:30px;
		height:30px;
	}
	.social-icons ul li a.g:hover{
		background:url(../images/img-sp.png) no-repeat -61px -90px;
		display:block;
	}
	.social-icons ul li a.twitter{
		background:url(../images/img-sp.png) no-repeat -10px -128px;
		display:block;
		width:30px;
		height:30px;
	}
	.social-icons ul li a.twitter:hover{
		background:url(../images/img-sp.png) no-repeat -61px -128px;
		display:block;
	}




.header-bottom{padding: 0px;
}
.shell { width:430px; text-align:left;color: #fff;height: 20px;margin-top: 5px; }
.shell a{ color: #fff; }
#ink_con { height:19px; overflow:hidden; }
#ink_con a{width: 100%;float: left;}
.search-box {
  float: left;
}

/*--*/
.sb-search {
    width: 0%;
    position: absolute;
    top: 2px;;
    right: 40em;
    min-width: 30px;
    height: 30px;
    float: right;
    overflow: hidden;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    transition: width 0.3s;
    -webkit-backface-visibility: hidden;
}
.sb-search-input {
    position: absolute;
    top: 2px;;
    right: 2em;
    border: none;
    outline: none;
    background: #1b6f97;
    width: 240px;
    height: 30px;
    margin: 0;
    z-index: 10;
    padding: 5px 23px;
    font-size: 15px;
    color: #ffffff;
}
.sb-search-input::-webkit-input-placeholder {
	color: #ffffff;
}
.sb-search-input:-moz-placeholder {
	color: #ffffff;
}
.sb-search-input::-moz-placeholder {
	color: #efb480;
}
.sb-search-input:-ms-input-placeholder {
	color: #ffffff;
}
.sb-icon-search, .sb-search-submit {
    width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
    margin: 0;
    line-height: 25px;
    text-align: center;
    cursor: pointer;
}
.sb-search-submit {
	 background: #fff url('../images/search.png') no-repeat 3px 3px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
    filter: alpha(opacity=0); /* IE 5-7 */
    color: transparent;
	border: none;
	outline: none;
	z-index: -1;
	-webkit-appearance: none;
	border-radius:50%;
}
.sb-icon-search {
    background: #fff url('../images/search.png') no-repeat 3px 3px;
    z-index: 90;
	border-radius:50%;
}
/* Open state */
.sb-search.sb-search-open, .no-js .sb-search {
    width: 19%;
}
.sb-search.sb-search-open .sb-icon-search,.no-js .sb-search .sb-icon-search {
	background: #fff url('../images/search.png') no-repeat 3px 3px;
	color: #fff;
	z-index: 11;
	border-radius:50%;
}
.sb-search.sb-search-open .sb-search-submit,.no-js .sb-search .sb-search-submit {
	z-index: 90;
}



	.logo{margin-top: 3px; float: left;
	}
/*--header--*/
.header{}
  .content {
		margin:0;
		padding:0px;
	}
	.content p:last-child {
		margin: 0;
	}
	.content a.button {
		display: inline-block;
		padding: 10px 20px;
		background: #ff0;
		color: #000;
		text-decoration: none;
	}
	.party {
		padding: 0 1em;
	}
	.content a.button:hover {
		background: #000;
		color: #ff0;
	}
	.content.title {
		position: relative;
		background: #333;
	}
	.navbar-nav {
		float: left;
		margin-left: 11em;
	}
	
	.content.title .back-to-article {
		position: absolute;
		bottom: -20px;
		left: 20px;
	}
	.content.title .back-to-article a {
		padding: 10px 20px;
		background: #f60;
		color: #fff;
		text-decoration: none;
	}
	.content.title .back-to-article a:hover {
		background: #f90;
	}
	.content.title .back-to-article a i {
		margin-left: 5px;
	}
	.content.white {
		background: #fff;
		    padding: 1em 0;
	}
	.content.black {
		background: #000;
	}
	.content.black p {
		color: #999;
	}
	.content.black p a {
		color: #08c;
	}
	.navbar {
		position: relative;
		min-height: 50px;
		margin-bottom: 0!important;
		border: 1px solid transparent;
	}
	.navbar-default {
		background-color: #fff;
		border-color: #fff; box-shadow:5px 5px 5px #666;
	}
	.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
		color: #2479A9;
		background: none;
	}
	
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
		background-color: #202020;
	}
	.navbar-default .navbar-toggle .icon-bar {
		background-color:#ee5656;
	}
	.navbar-header {
    float: left;
	}

	.navbar-toggle {
		position: relative;
		float: right;
		margin-right: 15px;
		padding: 9px 10px;
		margin-top: 8px;
		margin-bottom: 8px;
		background-color: #202002!important;
		background-image: none;
		border: 1px solid transparent;
		border-radius: 4px;
		-ms-border-radius: 4px;
		-o-border-radius: 4px;
		-webkit-border-radius: 4px;
	}
	.navbar-default .navbar-toggle {
		border-color: #202020;
	}
	
	.fixednav {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 1;
}
	@media (max-width:767px) {
.search-box {
  float: left;
}
	}
	@media (max-width:640px) {
	.navbar-nav {
		float: none;
		margin: 0;
		margin-left: 0em;
	}
}
	@media (max-width: 480px) {
		.content {
			width: 90%;
			margin: 50px auto;
			padding: 10px;
		}
	}


.wrap3 { float: right;}
#nav3 { margin: 0; padding: 0; list-style: none; height: 70px;line-height: 70px;}
#nav3 li { float: left; display: block; background: none; position: relative; z-index: 999; margin: 0 1px; }
#nav3 li a { font-size: 18px; display: block; padding: 0; font-weight: 600; line-height: 70px; text-decoration: none; color:#35a0d3; zoom: 1; border-left: 1px solid transparent; border-right: 1px solid transparent; padding: 0px 24px;font-family: "微软雅黑";}
#nav3 li a:hover, #nav li a.hov { background-color:#fff; color: #35a0d3; -moz-box-shadow: 0 5px 5px rgba(0,0,0,0.6); -o-box-shadow: 0 5px 5px rgba(0,0,0,0.6); box-shadow: 0 5px 5px rgba(0,0,0,0.6); -webkit-box-shadow: 0 0px 5px rgba(0,0,0,0.6); }
#nav3 ul { position: absolute; left: 0px; display: none;margin-top: 0px; padding: 0; list-style: none; -moz-box-shadow: 0 5px 5px rgba(0,0,0,0.6); -o-box-shadow: 0 5px 5px rgba(0,0,0,0.6); box-shadow: 0 5px 5px rgba(0,0,0,0.6); -webkit-box-shadow: 0 5px 5px rgba(0,0,0,0.6); background-color: #35a0d3; }
#nav3 ul li {float: left;text-align:left;width: 240px;}
#nav3 ul li:hover { border-left: 0px solid transparent; border-right: 0px solid transparent; }
#nav3 ul a { display: block; height: 35px; line-height: 35px;  color: #666; border-bottom: 1px solid transparent; text-transform: uppercase; color: #fff; font-weight: normal;font-size: 14px;padding-left: 15px; padding-right: 0px; }
#nav3 ul a:hover { text-decoration: none; border-right-color: transparent; border-left-color: transparent;background-color: #f4f4f4; color: #35a0d3; }
* html #nav3 ul { margin: 0 0 0 -2px; }
.clearfix3:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix3 { display: inline-block; }
html[xmlns] .clearfix3 { display: block; }
* html .clearfix3 { height: 1%; }




.aboutsy{margin-top: 80px;font-family: "微软雅黑";}
.aboutsy h2{text-align: center; line-height: 50px;font-size: 28px;}
.aboutsy h4{text-align: center; line-height: 20px;font-size: 18px;margin-bottom: 20px;}
.aboutny{line-height: 35px;padding: 20px;text-indent: 30px;color: #6E6E6E}

/*项目简介*/
#centerpic{padding: 60px;}

.col-xml .datein1 {padding: 0px;
	overflow: hidden;
	position: relative;
	display: block;
}
.col-xml .datein1 img{width: 100%; box-shadow: 0px 0px 10px #dedede;margin: 10px; }
.col-xml .datein1 .monthin1 {
	position: absolute;
	height: 100%;
	width: 50%;
	top: 0;
	left: 0;
	background: url(../images/background2.png) repeat;
	text-align: center;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.col-xml .datein1:hover .monthin1 {
	width: 100%; 
}
.col-xml .datein1 .monthin1 label {
	display: inline-block;
	font-weight: 800;
	text-transform: uppercase;
	color: #059de4;
	top: 50%;
	margin-top: -1px;
	position: absolute;
	left: 0;
	right: 0;
}
.col-xml .datein1 .monthin1 label .day1 {
	font-size: 4em;color: #fff;
	line-height: 120px;
	margin-bottom: 4px;
}
.col-xml .datein1 .monthin1 label span {
	display: block;
}

.col-xml2 .datein2 {padding: 0px;margin-bottom: 20px;
	overflow: hidden;
	position: relative;
	display: block;
}
.col-xml2 .datein2 img{ width: 100%;box-shadow: 0px 0px 10px #dedede;margin: 10px; }
.col-xml2 .datein2 .monthin2 {
	position: absolute;
	height: 100%;
	width: 60%;
	top: 0;
	left: 0;
	background: url(../images/background2.png) repeat;
	text-align: center;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.col-xml2 .datein2:hover .monthin2 {
	width: 100%;
}
.col-xml2 .datein2 .monthin2 label {
	display: inline-block;
	font-weight: 900;
	text-transform: uppercase;
	color: #059de4;
	top: 50%;
	margin-top: -1px;
	position: absolute;
	left: 0;
	right: 0;
}
.col-xml2 .datein2 .monthin2 label .day2 {
	font-size: 1.5em;color: #fff;
	line-height: 120px;
	margin-bottom: 4px;
}
.col-xml2 .datein2 .monthin2 label span {
	display: block;
}


/*新闻*/

.content-news {background-color: #f6f6f6;
	padding: 3em 0em;
}

.left_area{float: left;}
.left_box{padding-right: 40px;}
.left_box img{width: 100%;height: 350px;}
.left_area .riqi{width: 14%;float: left;color: #ffffff;text-align: center;
	background: #35a0d3;
	background: -moz-linear-gradient(top, #55b5e3 0%,#076592 100%);
	background: -webkit-gradient(linear, left top,left bottom, color-stop(0%,#55b5e3), color-stop(100%,#076592));
	background: -webkit-linear-gradient(bottom, #55b5e3 0% ,#076592 100%);
	background: -o-linear-gradient(bottom, #55b5e3 0%,#076592 100%);
	background: -ms-linear-gradient(bottom, #55b5e3 0%,#076592 100%);
	background: linear-gradient(to bottom, #55b5e3 0%,#076592 100%);
}
.left_area .txt_area{bottom: 0;left: 0;width: 100%}
.left_area .riqi_box{padding: 10px 0;}
.left_area .ri{font-size: 36px;line-height: 1}
.left_area .title{width: 86%;float: left;background: rgba(256,256,256,0.83);height: 76px;line-height: 76px;}
.left_area .title_box{font-size: 16px;color: #000000;padding-left: 29px;}
.documentation {
	width: 1100px;
	margin: 0px auto;
	padding: 100px 0px;
}
.documentation h3, p {
	text-align: center;
}
.documentation h3 {
	margin: 0px 0px 20px 0px;
	font-weight: 300;
	font-size: 2em;
}



.img-responsive{width:246px;height: 193px; }
@media (max-width:1024px){
.img-responsive{width:198px;height: 150px; }
}
@media (max-width:768px){
.img-responsive{width: 100%;height: auto;}
}

/*----*/
.news-left{
	margin:2em 0 0;
}
h3.m_1{height: 40px;
	margin:0;
	font-size: 2em;
	color: #000;
	font-weight: 300;
	padding-left: 15px;
}
h3.m_1 span{
	border-bottom: 3px solid #35a0d3;
}
.col-bottom h6{margin: 2px 0px;
	font-size: 1.5em;
	color: #000;
}
.col-bottom h6 a{
	color:#35a0d3;font-family: "微软雅黑";
}
.col-bottom h6 a:hover{
	color:#044e72;text-decoration: none;font-weight: 600;
}
.col-bottom p{
	margin: 0.8em 0 0.5em;
	font-size: 1em;
	line-height: 1.9em;
	color: #999;
}
a.more{
	text-decoration:none;
	font-size: 1em;
	color:#35a0d3;
	font-weight: 600;	
}
a.more:hover{
	color:#000;
}
.col-bottom {
	padding: 0 0 2em 0;
}
.col-news-top .date-in {
	overflow: hidden;
	position: relative;
	display: block;
}
.col-news-top .date-in .month-in {
	position: absolute;
	height: 100%;
	width: 50%;
	top: 0;
	left: 0;
	background: url(../images/background2.png) repeat;
	text-align: center;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.col-news-top .date-in:hover .month-in {
	width: 100%;
}
.col-news-top .date-in .month-in label {
	display: inline-block;
	font-weight: 800;
	text-transform: uppercase;
	color: #059de4;
	top: 50%;
	margin-top: -61px;
	position: absolute;
	left: 0;
	right: 0;
}
.col-news-top .date-in .month-in label .day {
	font-size: 3em;
	line-height: 120px;
	margin-bottom: 4px;
}
.col-news-top .date-in .month-in label span {
	display: block;
}




/*内容页*/
/*左边框*/
.conleft{border-right:1px solid #dedede;}
.conleft h3{width: 90%;height: 35px;background-color: #E8EEFB;line-height: 35px;text-align: center;font-size: 20px;margin-bottom: 10px;}
@media (max-width:780px){
.conleft{border: none;}
}
.typel{width: 97%;background-color: #35a0d3; height: 35px;margin-bottom: 5px;line-height: 35px;text-align: center;overflow: hidden;border-radius:10px 0;}
.typel a{color:#fff;text-decoration: none;}
.typel:hover, .typel:hover a{background-color: #E8EEFB;color: #35a0d3;font-weight: 600;font-size: 14px;}
.typehover{width: 97%;background-color: #E8EEFB;margin-bottom: 5px;line-height: 35px;text-align: center;overflow: hidden;border-radius:10px 0;color: #35a0d3;font-weight: 600;font-size: 14px;}

.page_title h3{width: 95%; font-size:24px; font-family:"微软雅黑";height: 50px; line-height:50px; font-weight:normal; border-bottom:#dedede 1px dashed;text-align: center;}
.infos{width: 95%;margin: 0 auto;text-align: center;line-height: 25px;color:#999; }
.maincontent{ text-align:left; padding:50px;line-height: 25px;}
.prenext { margin-bottom:30px;}


.rightcon h3{width: 95%;height: 40px;background-color: #E8EEFB;line-height: 40px;text-align: center;font-size: 18px;color:#35a0d3;font-family:"微软雅黑"; margin: 0 auto;}
.rightcon h4{width: 95%;height: 40px;line-height: 40px;font-size: 20px;color:#35a0d3;font-family:"微软雅黑"; margin: 0 auto;border-bottom: 2px solid #35a0d3;}
.rightcon li{width: 100%; line-height: 28px;float:left;font-size: 16px;}
.imgri{margin:15px 0px;}



/*-- 新闻列表--*/
.services{
	padding:0em 0;
}

.services-gird{margin-bottom: 15px;height: 160px;}
.services-gird-right h5{
	text-transform:capitalize;font-family: "微软雅黑";line-height: 20px;
	font-size:14px;
	margin:0;
}
.services-gird-right h5 a{
	color:#35a0d3;
	text-decoration:none;
}
.services-gird-right h4 a:hover{
	color:#000;
	text-decoration:none;
}
.services-gird-right p{
	line-height:1.6em;
	color:#999;
	margin:.5em 0;
	font-size:14px;
}
.services-gird-left img{width: 100%;height: 120px;overflow: hidden;
	padding:.5em;
	border:1px dotted #C6C6C6;
}
.more a{
	background:url(../images/1.png) no-repeat 0px 0px;
	display:block;
	width:35px;
	height:35px;
}
.more a:hover{
	background:url(../images/1-.png) no-repeat 0px 0px;
	display:block;
	width:35px;
	height:35px;
}
.services-girds:nth-child(2){
	margin:1em 0 1em;
}
.services-overview-grids,.featured-services-grids {
    margin: 1em 0 0;
}


.services-grd1-left {
  padding: 0 !important;
}
.featured-services-grid h4{
	font-size:1.3em;
	color:#000;
	margin:0;
	font-family: 'Raleway', sans-serif;
	text-transform:capitalize;
	line-height:1.3em;
}
.featured-services-grid p{
	color:#B6B6B6;
	font-size:14px;
	margin:0.5em 0;
	line-height: 1.8em;
}
/*-- //services --*/
/*-----------------------------------------------------------------------------------*/
.b-link-stripe{
	position:relative;
	display:inline-block;
	vertical-align:top;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	overflow:hidden;
}
.b-link-stripe .b-wrapper{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	text-align:center;
	color:#ffffff;
	overflow:hidden;
}
.b-link-stripe .b-line{
	position:absolute;
	top:0;
	bottom:0;
	width:20%;
	background:rgba(15, 207, 140, 0.9);
	transition:all 0.5s linear;
	-moz-transition:all 0.5s linear;
	-ms-transition:all 0.5s linear;
	-o-transition:all 0.5s linear;
	-webkit-transition:all 0.5s linear;
	opacity:0;
	visibility:hidden; /* lt-ie9 */
}
/*-----------------------------------------------------------------------------------*/
/*	Animation effects
/*-----------------------------------------------------------------------------------*/
.b-animate-go{
	text-decoration:none;
}
.b-animate{
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	visibility: hidden;
	font-size:1.1em;
	font-weight:700;
}
.b-animate img{
	margin-top:0%;
	display: -webkit-inline-box;
}
h2.b-animate.b-from-left.b-delay03 {
	padding-top: 5em;
	font-size: 15px;
	color: #7E7C7C;
}
h2.b-animate.b-from-left.b-delay03 img {
  width: 8%;height: 20px;
}
/* lt-ie9 */
.b-animate-go:hover .b-animate{
	visibility:visible;
}
.b-from-left{
	position:relative;
	left:-100%;
}
.b-animate-go:hover .b-from-left{
	left:0;
}


.banner-1{
    background: url(../images/bg.jpg)center fixed ;  width: 100%;
    background-size: cover;
    min-height: 350px;
}
.banner-2{
    background: url(../images/banner5.jpg)center fixed ;  width: 100%;
    background-size: cover;
    min-height: 350px;
}
.banner-3{
    background: url(../images/banner3.jpg)center fixed ;  width: 100%;
    background-size: cover;
    min-height: 350px;
}
.banner-4{
    background: url(../images/banner11.jpg)center fixed ;  width: 100%;
    background-size: cover;
    min-height: 350px;
}

.banner-6{
    background: url(../images/banner12.jpg)center fixed ;  width: 100%;
    background-size: cover;
    min-height: 350px;
}
.banner-7{
    background: url(../images/banner1.jpg)center fixed ;  width: 100%;
    background-size: cover;
    min-height: 350px;
}


.mTB10 {
	margin-top: 10px;
	margin-bottom: 10px;
}


#bigpic {
	margin-top: 8px;
	margin-bottom: 25px;
}
.jCarouselLite button {
	border:none;
}
.jCarouselLite {
	margin-bottom: 25px;
}
.imgScroll {
	background: url(../images/img_scroll.gif) no-repeat;
	height: 100px;
	width: 14px;
	background-color: transparent;
}
.prev {
	background-position: left center;
}
.next {
	background-position: -14px center;
}
.artContent {
	clear:both;
	font-size:14px;
	line-height:23px;
	overflow:hidden;
	padding:9px 0;
	color:#2f2f2f;
}

#bigpic img {
	max-width: 560px;
	max-height:450px;
	width:expression(this.width>560 ? '560px' : true);
	width:expression(this.height>450 ? '450px' : true);
}
ul.w25 li {
	float: left;
	width: 25%;
}
.fLeft {
	float:left;
}






/*--galler start here--*/
.gallery {background-color: #f5f5f5;
  padding: 2em 0;
}

.gallery-grid {
  margin: 0em 0em 3em 0em;
}

/*----*/
.col1 figure {
	position: relative;
	float: left;
	overflow: hidden;
	text-align: center;
	cursor: pointer;
	width:100%;
}
.col1 figure img {
	position: relative;
	display: block;
}

.features-grids figure figcaption {
	padding: 2em;
	color: #fff;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
}
.col1 figure figcaption::before,
.fcol1 figure figcaption::after {
	pointer-events: none;
}
.col1 figure figcaption{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
figure.effect-bubba {
	background:rgba(1, 48, 225, 0.66);
}
figure.effect-bubba:hover img {
	opacity: 0.3;
}

figure.effect-bubba figcaption::before,
figure.effect-bubba figcaption::after {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s,-webkit-transform 0.35s;	
	-moz-transition: opacity 0.35s, -moz-transform 0.35s;
	-o-transition: opacity 0.35s, -o-transform 0.35s;
	-ms-transition: opacity 0.35s, -ms-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-bubba figcaption::before {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1);
	-moz-transform: scale(0,1); 
	-o-transform: scale(0,1);
	-ms-transform: scale(0,1);
	transform: scale(0,1);
}

figure.effect-bubba figcaption::after {
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: scale(1,0);
	-moz-transform: scale(1,0);
	-o-transform: scale(1,0);
	-ms-transform: scale(1,0);
	transform: scale(1,0);
}
figure.effect-bubba h4 {
	padding-top: 21%;
	-webkit-transition: transform 0.35s;
	-moz-transition: transform 0.35s;
	-o-transition: -o-transform 0.35s;
	-ms-transition: -ms-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,-20px,0);
	-moz-transform: translate3d(0,-20px,0);
	-o-transform: translate3d(0,-20px,0);
	-ms-transform: translate3d(0,-20px,0);
	transform: translate3d(0,-20px,0);
	opacity:0;
	color:#fff;
    font-family:'Signika-Regular';
	font-size: 1.3em;
}
figure.effect-bubba h4.gal {
	padding-top: 16%;line-height:180px;
}
figure.effect-bubba p {
	padding: 20px 2.5em;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	-moz-transition: opacity 0.35s, -moz-transform 0.35s;
	-o-transition: opacity 0.35s, -o-transform 0.35s;
	-ms-transition: opacity 0.35s, -ms-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	-moz-transform: translate3d(0,20px,0);
	-o-transform: translate3d(0,20px,0);
	-ms-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
	color:#fff;
	font-size: 1em;
}

figure.effect-bubba:hover figcaption::before,
figure.effect-bubba:hover figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

figure.effect-bubba:hover h4,
figure.effect-bubba:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
.gallery span {
    color: #3ea70f;
}
.gallery-grid h5{height: 30px;line-height: 30px;text-align: center;}
/*--gallery end here--*/


.place{margin-top: 15px;}
.viewbox h2{text-align: center;margin-top: 15px;height: 40px;}
.viewbox .intro{
	width:100%;margin-top: 10px;
	line-height:24px;
	border:1px solid #DCDDDD;
	font-size:14px;
	color:#706A6A;
}
.viewbox .intro h3{width: 100%;height: 40px;line-height: 40px;font-size: 22px;background-color:#F1F1F1;border-bottom: 1px solid #DCDDDD;text-indent: 15px;color:#000;font-weight: 550;font-family: "arial" }
.viewbox .intro ul{padding:15px;}
.viewbox .info{width: 80%;margin: 0 auto;text-align: center;border-top:1px solid #DCDCDC;}

.tbox{font-size: 24px;margin-top: 50px;}
.tbox h4{font-weight: 550;font-size: 24px;font-family: "arial";color:#000;}
.work-bottom {
  padding: 0em 0em 0em 0em;
}
.work-top h3 {
  font-size: 1.6em;
  font-weight: 400;
  color: #000;
  margin: 0em 0em 0.3em 0em;

}
.work-top p {
  font-size: 1.05em;
  font-weight: 400;
  color: #818181;
  line-height: 1.5em;
}
.work-grid img {
  width: 100%;
}
.work-details {
  padding: 0.5em 0.5em 0.5em 0.5em;
}
.work-details h3 {text-align: center;
  font-size: 20px;
  font-weight:lighter;
  color: #f39800;
  margin: 0em 0em 0.3em 0em;
}
.work-details p {
  font-size: 1em;
  font-weight: 500;
  color: #a89574;
}
.portfolio-wrapper{padding: 10px;}
.prosmlist{ border: 1px solid #dedede;padding: 2px;}













/*--gallery33--*/
.gallery33 h3{margin: 0px;text-align: center;}
.gallery33{padding-bottom: 15px;}
.gallery-grid33 {
  padding: 0;
}
.gallery1 {
	position:relative;
	overflow: hidden;
	padding: 10px;
}
.gallery1 .textbox {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    background-color:rgba(53, 160, 211, 0.49);
    border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
}
.gallery1:hover .textbox {
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
}
.gallery-grid33 img{
	width:100%;
}
.textbox {
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	text-align:center;
}
.textbox h4 {
    font-size: 1em;
    color: #fff;
    margin:3.5em 0 1em;
	text-transform:capitalize;
}
.textbox p{
	color: #fff;
    font-size: 10px;
    width: 50%;
    line-height: 1.8em;
    margin: 0 auto;
}
.top-gallery:nth-child(2){
	margin:1em 0 0;
}
/*--//gallery33--*/
.suyuncn{width: 100%;background-color:#f5f5f5;}




/*foot star*/
.footer {
background-color: #35a0d3;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  -ms-background-size: cover;
  min-height: 188px;
  text-align: center;
  padding: 3em 0;
}
.footer li a span {
  width: 12px;
  height: 12px;
  display: inline-block;
  background: url(../images/arrow.png) no-repeat 0px 0px;
  margin-right: 0.4em;
}
.footer li a {
  color: #fff;
  padding: 0.5em 0;
  text-decoration: none;
  font-size: 1em;
  line-height: 2em;
}
.footer li a:hover{
	color:#89daf2;
}
.footer li{
text-align:left;
display:block;
}
.footer ul{
padding:0;
}
.footer h4 {
  color: #fff;font-family: "微软雅黑";
  font-size: 1.3em;
  font-weight: 600;
  text-align: left;
  margin-bottom: 1em;
}
.section_room {
  text-align: left;
}
.section_room select {
  width: 74%;
  color: #676769;
  font-size: 1em;
  font-weight: 500;
  padding: 7px;
  outline: none;
  background: #252629;
  border: 1px solid #181a1c;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  cursor: pointer;
}
.sel li {
  display: inline-block;
  margin: 0 0.5em;
  vertical-align: middle;
}
.sel-fo {
  text-align: left;
  color: #89daf2;
}
.sel-fo input[type="radio"], input[type="checkbox"] {
  margin: 0px 10px 0 0px;
  margin-top: 1px \9;
  line-height: normal;
  vertical-align: middle;
}
.cont-1 input[type="text"] {
  display: block;
  width: 80%;
  padding: 0.4em 1em;
  outline: none;
  font-size: 1em;
  font-weight: 300;
  color: #fff;
  background: rgba(235, 235, 235, 0.58);
  border: none;
  margin-bottom: 0.5em;
  border-radius: 0.8em;
    border: 1px solid #c5c5c5;
}
.cont-1 input[type="submit"] {
  font-size: 1em;
  font-weight: 400;
  color: #fff;
  background: #9ecbe0;
  text-transform: uppercase;
  padding: 0.2em 1em;
  border-radius: 0.8em;
  border: none;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-apperance: none;
  outline: none;
}
.cont-1 input[type="submit"]:hover{
	background:#F26D20;
}
.cont-1 textarea {
  resize: none;
  width: 100%;
  margin: 0 auto;
   font-size: 1em;
  font-weight: 300;
  color: #fff;
  background: rgba(235, 235, 235, 0.58);
  outline: none;
  padding: 0.4em 1em;
  border: none;
  min-height: 4em;
  -webkit-appearance: none;
  letter-spacing: 1px;
  border-radius: 0.8em;
    border: 1px solid #c5c5c5;
}
.footer-bottom p {
  color: #6A7076;
  font-size: 1em;
  margin: 0.2em 0;
  line-height: 1.8em;
  float: left;
  font-weight: 400;
}
.footer-bottom a{
 color: #6A7076;
 text-decoration:none;
}
.footer-bottom a:hover{
	 color: #89daf2;
}
.footer-bottom {
  background: #e5e5e5;
  padding: 0.3em 0;
  border-top: 2px solid #466878;
}
.social li {
  display: inline-block;
  margin: 0 0.2em;
}
/*foot end*/



#movie{width: 100%;background:url(../images/moviebg.jpg) no-repeat;}

























.resultlist h3{background-color: #FFFFFF;border-bottom: 1px dashed #dedede;text-align: left;}
.resultlist li{margin-bottom: 10px;}

@media (max-width: 1445px){
#nav3 li a {  padding: 0px 20px;}
	.sb-search {right: 20em; }
	.sb-search-input {
    width: 180px;
   padding: 5px 10px;
}
#nav3 ul li {float: left;text-align:left;width: 240px;}
	}
@media (max-width: 768px){
	.sb-search {right: 18em; }
	.sb-search-input { width: 180px;text-align: left;
   right: 3em;padding: 5px 10px; 
}
	.sb-search.sb-search-open, .no-js .sb-search {width: 280px;
 }
	}


		
@media (max-width: 640px){
		
	}
@media (max-width: 480px){
	}